<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<title>用戶管理</title>
<%@ include file="/common/header.jsp" %>
<style type="text/css">
#main-content table thead th.th-3{
	width: 70px;
}
#main-content table td.op-1,#main-content table td.op-2{
 padding: 10px 5px;
}
#main-content table td.op-1{
 width : 25px;
}
#main-content table td.op-2{
 width : 25px;
}
</style>
    <!-- Page Head -->
    <div class="content-box">
      <!-- Start Content Box -->
      <div class="content-box-header">
        <h3>用戶列表</h3>
        <div class="clear"></div>
      </div>
      <!-- End .content-box-header -->
      <div class="content-box-content">
      	<%--<form action="" name="searchForm" >
          <dl class="form-layout">
          	<dt class="quarter">標題:</dt>
          	<dd class="narrow"><input type="text"  name="newsTitle"  id="newsTitle"/></dd>
          	<dt class="quarter">審核狀態:</dt>
          	<dd class="quarter"><select name="newsStatus" id="newsStatus" style="width:100%; padding:0">
          		<option value="">請選擇...</option>
          		<option value="0">未發佈</option>
          		<option value="1">已發佈</option>
          	</select></dd>
          	<dt class="quarter">語言:</dt>
          	<dd class="quarter">
          	<select name="languageId" id="languageId" style="width:100%; padding:0">
              	<option value="">請選擇...</option>
              	<c:forEach items="${language }"  var="l">
              		<option value="${l.languageId }"  data-key="${l.languageKey }" >${l.languageName }</option>
              	</c:forEach>
          	</select></dd>
          	<dt width="2%"></dt>
          	<dd class="quarter"><input class="button" type="button" value="Search" />
          </dl>
          </form> --%>
          <table id="datatable">
            <thead>
              <tr>
                <th>
                  <input class="check-all" type="checkbox" />
                </th>
                <th class="th-1" ><a href="javascript:void(0)" class="sort" title="newsNo">用戶名</a></th>
                <th class="th-2" ><a href="javascript:void(0)"  title="newsTitle">角色</a></th>
                <th class="th-3" colspan="4">操作</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td colspan="4">
                  <div class="bulk-actions align-left">
                    <select id="batchOp" name="batchOp">
                      <option value="">Choose an action...</option>
                      <option value="Delete">Delete</option>
                    </select>
                    <a class="button batchOp" href="javascript:void(0)">Apply to selected</a>
                  </div>
                  <%@ include file="/common/pagination.jsp" %>
                </td>
              </tr>
            </tfoot>
            <tbody>            
            </tbody>
          </table>        
      </div>
      <!-- End .content-box-content -->
    </div>
    <!-- End .content-box -->    
    <div class="clear"></div>
 <%@ include file="/common/footer.jsp" %>
  <script type="text/javascript" src="${ctx}/extends/jquery.json-2.3.js?_=${radom}"></script>
  <script type="text/javascript" src="${ctx}/js/pagination.js?_=${radom}"></script>
 <script type="text/javascript" src="${ctx}/js/userList.js?_=${radom}"></script>
 <script type="text/javascript">
 $(function(){
	 $("#main-nav a[data-menu='user']").addClass("current").click();
	 $("#main-nav a[data-menu='userList']").addClass("current");
 })
 </script>